<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div th:replace="common/top"></div>

<div id="BackLink">
  <a href="/catalog/view">Return to Main Menu</a>
</div>

<div id="Catalog">

  <h2 th:text="|please fill in new information of product:${product.productId}|">please fill in new information of the category:</h2>

  <!--    todo:提交到后台-->
  <form action="/catalogM/modifyProduct">
    <table>
      <tr>
        <label><th>productId:</th><th><input type="text" readonly th:value="${product.productId}" name="productId"></th></label>
      </tr>
      <tr>
        <th>所属的category</th>
        <th>
          <select name="categoryId">
            <option th:each="category:${categoryList}" th:text="${category.categoryId}" th:value="${category.categoryId}"></option>
          </select>
        </th>
      </tr>
      <tr>
        <label><th>new name:</th><th><input type="text" name="name" th:value="${product.name}"></th></label>
      </tr>
      <tr>
        <th colspan="2" style="text-align: center">
          <button type="submit" style="    background: linear-gradient(
                50deg,#ade6ae, #097acc)">确认修改</button>
        </th>
      </tr>


    </table>
  </form>
</div>


<div th:replace="common/bottom"></div>


</body>
</html>